<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"
                             xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="en"
                             xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"
                             xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"
                             xmlns:th="http://www.thymeleaf.org"> <!--<![endif]-->
	<head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title>Minimal and Clean Sign up / Login and Forgot Form by FreeHTML5.co</title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="description" content="Free HTML5 Template by FreeHTML5.co" />
      <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />

      <!-- Facebook and Twitter integration -->
      <meta property="og:title" content=""/>
      <meta property="og:image" content=""/>
      <meta property="og:url" content=""/>
      <meta property="og:site_name" content=""/>
      <meta property="og:description" content=""/>
      <meta name="twitter:title" content="" />
      <meta name="twitter:image" content="" />
      <meta name="twitter:url" content="" />
      <meta name="twitter:card" content="" />

      <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
      <link rel="shortcut icon" href="favicon.ico">

      <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>

      <link rel="stylesheet" th:href="@{/login/css/bootstrap.min.css}">
      <link rel="stylesheet" th:href="@{/login/css/animate.css}">
      <link rel="stylesheet" th:href="@{/login/css/style.css}">

      <!-- Modernizr JS -->
      <script th:src="@{/login/js/modernizr-2.6.2.min.js}"></script>
      <!-- FOR IE9 below -->
      <!--[if lt IE 9]>
      <script th:src="@{/login/js/respond.min.js}"></script>
      <![endif]-->

	</head>
	<body class="style-3">
		<div class="container">
			<div class="row">
				<div class="col-md-4 col-md-push-8">
					<!-- Start Sign In Form -->
					<form action="#" class="fh5co-form animate-box" data-animate-effect="fadeInRight">
              <h2>注册</h2>
              <div class="form-group">
                  <div class="alert alert-success" role="alert">注册成功.</div>
              </div>

              <div class="form-group">
                  <label for="name" class="sr-only">账号</label>
                  <input type="text" class="form-control" id="name" placeholder="账号" autocomplete="off">
              </div>

              <div class="form-group">
                  <label for="email" class="sr-only">邮箱</label>
                  <input type="email" class="form-control" id="email" placeholder="邮箱" autocomplete="off">
              </div>

              <div class="form-group">
                  <label for="password" class="sr-only">密码</label>
                  <input type="password" class="form-control" id="password" placeholder="密码" autocomplete="off">
              </div>

              <div class="form-group">
                  <label for="re-password" class="sr-only">确认密码</label>
                  <input type="password" class="form-control" id="re-password" placeholder="确认密码" autocomplete="off">
              </div>

              <div class="form-group">
                  <p>已经有账号 ? <a th:href="@{/}">登录</a></p>
              </div>

              <div class="form-group">
                  <input type="submit" value="注 册" class="btn btn-primary">
              </div>

					</form>
					<!-- END Sign In Form -->


				</div>
			</div>
			<div class="row" style="padding-top: 60px; clear: both;">
				<div class="col-md-12 text-center">
          <p><small>
            &copy; All Rights Reserved. More Templates
          </small></p></div>
			</div>
		</div>

    <!-- jQuery -->
    <script th:src="@{/login/js/jquery.min.js}"></script>
    <!-- Bootstrap -->
    <script th:src="@{/login/js/bootstrap.min.js}"></script>
    <!-- Placeholder -->
    <script th:src="@{/login/js/jquery.placeholder.min.js}"></script>
    <!-- Waypoints -->
    <script th:src="@{/login/js/jquery.waypoints.min.js}"></script>
    <!-- Main JS -->
    <script th:src="@{/login/js/main.js}"></script>

	</body>
</html>

